<%@ page language="java"  pageEncoding="UTF-8"%>
<jsp:include page="../inc.jsp"></jsp:include>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jsp/role/list.js"></script>

<!-- content -->
<div class="easyui-layout" data-options="fit:true,border:false">
	<!-- 查询面板 -->
	<div class="tableSearch datagrid-toolbar" data-options="region:'north',border:false" style="width:100%;height:35px;;overflow: hidden;font-size: 12px;">
		<form id="selectForm">
			<table  style="width: 100%; font-size: 12px">
				<tr>
					<th>角色名称</th><td><input type="text" class="easy-text" name="roleName" maxlength="100"/></td>
					<td align="center"><a href="javascript:void(0)" class="easyui-linkbutton" onclick="search_datas()">查询</a>
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="reset_datas()">清空</a></td>
				</tr>
			</table>
		</form>
	</div>
	<!-- 数据表格 -->
	<div data-options="region:'center',border:false">
		<table id="_datasDatagrid"></table>	
	</div>
</div>

<!-- 右键菜单 -->
<div>
	<div id="datagridContextMenu" class="easyui-menu" style="width:200px">
		<div data-options="iconCls:'icon-add'" onclick="addRow()">增加</div>
		<div data-options="iconCls:'icon-remove'" onclick="deleteRow()">批量删除</div>
		<div data-options="iconCls:'icon-edit'" onclick="updateRow()">修改</div>
		<div data-options="iconCls:'icon-save'" onclick="saveRow()">保存</div>
		<div class="menu-sep"></div>
		<div data-options="iconCls:'icon-tux'" onclick="userroleRowHandler()">角色用户</div>
		<div data-options="iconCls:'icon-group_delete'" onclick="clearUserRowHandler()">清空角色用户</div>
		<div class="menu-sep"></div>
		<div data-options="iconCls:'icon-redo'" onclick="rejectRow()">撤销</div>
		<div data-options="iconCls:'icon-reload'" onclick="_datasDatagrid.datagrid('reload');">刷新</div>
	</div>
</div>
</body>  
</html>